<!DOCTYPE html>
<html>
  <head>
    <title></title>
			<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="js/echarts.min.js"></script>
  </head>
  
  <body>
  <div id="main1" style="width: 100%;height:200px;"></div>
<script type="text/javascript">
    window.addEventListener("resize", function () {

    	myChart1.resize();
    	

    });
        // 基于准备好的dom，初始化echarts实例
        var myChart1 = echarts.init(document.getElementById('main1'));
     // 指定图表的配置项和数据
        option1 = {
				    title: {
				        text: ''
				    },
				    tooltip : {
				        trigger: 'axis'
				    },
				    legend: {
				        data:['身高','体重','胃围','腰围','腹围']
				    },
				    
				    grid: {
				    	width:'90%',
				        left: '1%',
				        bottom: '3%',
				        containLabel: true
				    },
				    xAxis : [
				        {
				            type : 'category',
				            boundaryGap : false,
				            data : ['周一','周二','周三','周四','周五','周六','周日']
				        }
				    ],
				    yAxis : [
				        {
				            type : 'value'
				        }
				    ],
				    series : [
				        {
				            name:'身高',
				            type:'line',
				            stack: '总量',
				            areaStyle: {normal: {}},
				            data:[120, 132, 101, 134, 90, 230, 210]
				        },
				        {
				            name:'体重',
				            type:'line',
				            stack: '总量',
				            areaStyle: {normal: {}},
				            data:[220, 182, 191, 234, 290, 330, 310]
				        },
				        {
				            name:'胃围',
				            type:'line',
				            stack: '总量',
				            areaStyle: {normal: {}},
				            data:[150, 232, 201, 154, 190, 330, 410]
				        },
				        {
				            name:'腰围',
				            type:'line',
				            stack: '总量',
				            areaStyle: {normal: {}},
				            data:[320, 332, 301, 334, 390, 330, 320]
				        },
				        {
				            name:'腹围',
				            type:'line',
				            stack: '总量',
				            label: {
				                normal: {
				                    show: true,
				                    position: 'top'
				                }
				            },
				            areaStyle: {normal: {}},
				            data:[820, 932, 901, 934, 1290, 1330, 1320]
				        }
				    ]
				};
        
        // 使用刚指定的配置项和数据显示图表。
        myChart1.setOption(option1);
    </script>
		
  </body>
</html>
